<!--
 * @Date: 2023-03-15 11:32:51
 * @LastEditTime: 2023-03-15 14:08:28
 * @FilePath: /hua-fei-chong-zhi/src/views/home/components/footer.vue
 * 介绍:
-->
<script lang="ts" setup></script>

<template>
  <Ccard class="footer">
    <div class="footer_content">
      <h3 class="T-A-C C-M1">NAC {{ $t('community') }}</h3>
      <div class="footer_icon-box gridVar--col" style="--col: 6">
        <Ricon class="active footer_icon-item" r-name="icon-socialwhatsapp" />
        <Ricon class="active footer_icon-item" r-name="icon-medium" />
        <Ricon class="active footer_icon-item" r-name="icon-14" />
        <Ricon class="active footer_icon-item" r-name="icon-douyin" />
        <Ricon class="active footer_icon-item" r-name="icon-facebook" />
        <Ricon class="active footer_icon-item" r-name="icon-zhifeiji" />
      </div>
    </div>
  </Ccard>
</template>

<style lang="less" scoped>
.footer_content {
  padding: var(--gap-md) 0;
}
.footer_icon-box {
  padding: var(--gap-md);
  color: var(--C-B1);
}
.footer_icon-item {
  --size: 2em;
  height: var(--size);
  width: var(--size);
  text-align: center;
  line-height: var(--size);
  border-radius: 999rem;
  background-color: var(--C-M1);
}
</style>
